<template>
  <tr class="odd:bg-secondary">
    <td class="p-0">
      <table class="w-full border-collapse">
        <tbody>
          <CreditsHistoryItem
            v-for="credit in group.credits"
            :key="`credit-${credit.credit_id}`"
            :year="group.year"
            :credit="credit"
          />
        </tbody>
      </table>
    </td>
  </tr>
</template>
<script setup>
import  CreditsHistoryItem  from "./CreditsHistoryItem.vue";

const { group } = defineProps({
  group: {
    type: Object,
    required: true,
  },
});
</script>
